﻿
/* ====== Reset Start ====== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1.6;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
}
table, td, th {
	vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Remove underline of links. */
a {
	text-decoration: none;
	color: #000099;
	padding: 0.2em;
}

a:visited {
	color: #004398;
}

a:hover {
	background-color: #D1E1EA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Remove border of linked images. */
a img {
	border: none;
}

/* ====== Reset End ====== */

html {
	overflow-y:scroll; /* Always show vertical scroll bar. */
}

body {
	font-size: 87.5%; /* Default font: 16x87.5%=14px */
	color: #111;
	background: #FFF;
	font-family: Helvetica, Arial, Sans-serif;
	letter-spacing: 1px;
}

div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
	margin: 0 auto;
	width: 960px;
}

#header {
	height: 6em;
	overflow: auto;
}

	#header > div {
		float: left;
	}
	#logo {
		width: 44%;
	}
	
	#navigator {
		padding-top: 2.4em;
		font-size: 1.2em;
		width: 55%;
		font-weight: bold;
	}
	#header form {
		display: inline;
	}

#content {
	overflow: auto;
}
	#content > div {
		float: left;
	}
	#menu {
		width: 12%;
	}
		#menu a {
			text-align:right;
			display: block;
			padding-right: 0.5em;
		}
		#menu li a.current {
			background-color: #D1E1EA;
			font-weight: bold;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}
	#posts {
		border: 0.3em solid #D1E1EA;
		width: 62%;
		-webkit-border-radius: 3px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 3px;
		-moz-border-radius-topleft: 0;
		border-radius: 3px;
		border-top-left-radius: 0;
	}
	#posts .block {
		margin: 1em;
	}
			#posts .blocktitle {
				background-color: #5757BC;
			}
		.post {
			overflow: auto;
			margin: 0.5em;
			border-bottom: 1px solid #BBB;
			padding: 1em 0.5em;
		}
		.post:hover {
			background-color: #F0F5F8;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		.post:last-child {
			border-bottom: 0;
		}
		.post > div {
			float: left;
		}
			.postcontent {
				width: 80%;
			}
				.postarticle {
					text-indent: 2em;
				}
				.postlinks {
					margin-top: 3em;
					font-size: 0.9em;
					text-indent: 1em;
					opacity: 0.618;
				}
			.postvote {
				width: 19%;
			}
				.postvote > div {
					margin: 3px 1px;
				}
				.postvote a {
					display: block;
					text-align: center;
					font-weight: bold;
					border: 1px solid;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				a.pro {
					color: #2BAD2B;
					border-color: #2BAD2B;
				}
				a.pro:hover, a.pro.voted {
					background-color: #BBE5BB;
				}
				a.can {
					color: #CC3333;
					border-color: #CC3333;
				}
				a.can:hover, a.can.voted {
					background-color: #EFBEBE;
				}
				.postvoterate {
					height: 1.5em;
					background-color: #CC3333;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius: 3px;
				}
				.postsupport {
					color: #FFF;
					text-align: center;
					background-color: #2BAD2B;
					height: 1.5em;
					-webkit-border-top-left-radius: 3px;
					-webkit-border-bottom-left-radius: 3px;
					-moz-border-radius-topleft: 3px;
					-moz-border-radius-bottomleft: 3px;
					border-top-left-radius: 3px;
					border-bottom-left-radius: 3px;
				}
	#sidebar {
		width: 23%;
		margin-left: 0.5%;
	}
	
		#sidebar .block {
			border: 1px solid #000099;
			background-color: #F0F5F8;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			margin-bottom: 0.5em;
		}
		
		#sidebar label {
			display: block;
			cursor: pointer;
			margin-bottom:0.5em;
		}
	
			.blocktitle {
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				line-height:1.5;
				margin: 2px;
				padding:0 0.6em;
				color: #FFF;
				background-color: #000099;
				font-weight: bold;
			}
			.blockcontent {
				margin: 0 0.14em;
				padding: 0 0.3em 0.2em 0.7em;
			}
	
#footer {
	margin: 1em 0;
	text-align: center;
	font-family: Helvetica, Arial, Sans-serif;
	color: #333;
}